import {FC, Fragment, useState} from 'react'
import UseEffectCom from './components/Hooks/UseEffect'
import UseEffect2th from './components/Hooks/UseEffect/第二个参数'
import UseStateCom from './components/Hooks/UseState'
import UseRefCom from './components/Hooks/useRef'
import UseCustomHook from './components/Hooks/自定义hook/使用自定义hook'
import ForwardRef from './components/Hooks/forwardRef'
import Imperative from './components/Hooks/imperativeHandle'
import UseMemo from './components/Hooks/useMemo'
import UseContextCom from './components/Hooks/useContext'

const App:FC<any>=()=>{
  let [flag,setFlag]=useState<boolean>(true)

  return(
    <Fragment>
      {/* <UseStateCom/>
      {flag?<UseEffectCom/>:null}
      <button onClick={()=>{
        setFlag(!flag)
      }}>点击加载/卸载组件</button> */}
      {/* <UseEffect2th /> */}
      {/* <UseCustomHook /> */}
      {/* <UseRefCom/> */}
      {/* <ForwardRef /> */}

      {/* <Imperative/> */}

      {/* <UseMemo /> */}

      <UseContextCom />
    </Fragment>
  )
}
export default App